<template>
    <view class="xilu">
        <image src="../../static/icon/success.png" class="xilu_success" mode="aspectFill"></image>
        <view class="fs36 col10 tc fwb pb30">支付成功</view>
        <view class="fs24 col89 tc">恭喜你，支付成功！</view>
        <view class="flex-box flex-center">
            <view class="btn1" @click="goDetail()">查看详情</view>
            <view class="btn1" @click="backIndex()">回到首页</view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
				orderId:0
            };
        },
		onLoad(options) {
			this.orderId = options.order_id
		},
		methods:{
			//订单详情
			goDetail(){
				uni.navigateTo({
					url: '/pages/buy_order_detail/buy_order_detail?id='+this.orderId
				})
			},
			//返回首页
			backIndex(){
				uni.reLaunch({
					url: '/pages/index/index'
				})
			},
		}
    }
</script>

<style lang="less" scoped>
    .xilu {
        padding-top: 70rpx;

        &_success {
            width: 120rpx;
            height: 120rpx;
            display: block;
            margin: 0 auto 30rpx;
        }

        .btn1 {
            width: 220rpx;
            height: 80rpx;
            line-height: 80rpx;
            background: #FFF3CC;
            border-radius: 40rpx;
            border: none;
            font-size: 30rpx;
            color: #101010;
            margin: 90rpx 35rpx 0;

            &~.btn1 {
                background: #FFC100;
            }
        }
    }
</style>